@charset "utf-8";
/* CSS Document */
/* 网络技术 后端技术 前端技术    页面样式 */

	/*定义整体左右侧大小*/
	.zuoce{ width:12.5em; display: inline-block; line-height: 2.5em; text-indent: 2em;}
	.youce{ width:46em; min-height:20em; display: inline-block; vertical-align: top; margin-left:3em; line-height: 1.5em; text-indent: 2em;}
	/*定义圆角 上左上右下右下左 前两个兼容其他浏览器 一级菜单样式*/
	h3{ width:12.5em; height:2.5em; background-color:#2878FF; margin-top:1px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius:5px 5px 5px 5px; }
	h3>a{color:#ffffff;}
	h3>a:hover{color:#ffffff; text-decoration:underline;}
	/*子菜单出现后 二级菜单样式*/
	.zicaidan{ max-height:500px; border:1px solid #2878FF; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius:0px 0px 5px 5px; line-height:2em; overflow: auto;}
	.zicaidan>ul>li>a:hover{ color:#000000;}

	/*有资源情况 左侧分类样式 右侧资源样式 右侧的左右宽度比*/
	.fenlei{ width:9.3em; display: inline-block; float: left; border: #C8C8C8 1px solid;}
	.ziyuan{ width:34.8em; display: inline-block; float: left;  border: #C8C8C8 1px solid; padding:0.6em; max-height:666px; overflow: auto;}
	.ziyuan ul li{ overflow:hidden;}
	/*右侧的左边资源分类样式*/
	h4{ width:9.3em; height:2.5em; line-height:2.5em; background-color:#F0F0F0; border-bottom:#C8C8C8 1px solid;}
	h4:hover{ background-color:#ffffff;}
	h4>a:hover{color:#000000;}
	/*资源样式 点击图标样式 点击后出现具体资源介绍和获取链接*/
	.lianjie{display: inline-block; background-color:#5A96FF; color:#ffffff; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius:5px 5px 5px 5px; text-align: center; width:5.25em; text-indent:0em; float:right; margin-top:0.3125em; margin-bottom:0.3125em;}
	.lianjie:hover{ color:#ffffff;}
	/*具体资源介绍和获取的链接样式 */
	.lianjiedizhi{ border: #C8C8C8 1px solid; padding:0.6em; margin-top:0.6em; clear:both;}
	.lianjiedizhi>ul>li:last-child{ background-color:#F0F0F0; height:auto;  line-height:2.5em; border:#C8C8C8 1px solid; padding-left:0.6em; padding-right:0.6em; text-indent: 1.3em;}

/*移动端*/
@media screen and (max-width: 1024px) and (min-width: 0px){

   /*移动端子页界面样式*/
	.zuoce{margin: 2%; width:96%; display: block;}
	.youce{margin: 2%; width:96%; display: block;}
	h3{ width: 100%; }
	.qianyan{width: 100%;}
	.fenlei{ display: none;}
	.ziyuan{margin: 2%; width:90%; display: block;}

}